﻿.menu
{
    width:450px;
    font-family: verdana, Segoe UI;
   /* background-color:#00a8ec;*/
    background-color:#00a8ec;
    margin:0 auto;
    height:38px;
    border: 1px solid #00a8ec;
    border-radius: 4px; /*To make the corners rounded in IE*/
    -moz-border-radius: 4px; /*this is for mozilla*/
    -webkit-border-radius: 4px; /*chrome and other browsers*/
    box-shadow: 0 1px 1px #dddddd inset;
    -moz-box-shadow: 0 1px 1px #dddddd inset;
    -webkit-box-shadow: 0 1px 1px #dddddd inset;
}

.menu ul
{
    padding:0px;
    margin: 0px;
    list-style: none;
}

.menu ul li
{
    display: inline-block;
    float:left;
    position: relative;
}

.menu ul li a
{
    color:#ffffff;
    text-decoration: none;
    display: block;
    padding:10px 15px;
}

.menu ul li a:hover{
    background-color: #d7d7d7;
}

.sub_menu
{
    position: absolute;
    background-color: #666666;
    width:200px;
    top:38px;
    left:0px;
    display:none; /*hide the subitems div tag initially*/
    border-bottom:4px solid #00a8ec; /*just to add a little more good look*/
}

.sub_menu ul li
{
    width:200px;
}
.sub_menu ul li a
{
    color:#ffffff;
    text-decoration: none;
    display: block;
    padding:10px 15px;
}

.sub_items ul li a:hover
{
    background-color: #777777;
}
